<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : estimation_compare.jsp
    Description : 자동차비교.
    author ISChoi
    since 2012. 6. 28.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 6. 28.     ISChoi     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
    <script type="text/javascript" src="/kr/common/js/360vr/jquery.reel.js"></script>
    <script type="text/javascript" src="/kr/common/js/360vr/jquery.disabletextselect-min.js"></script>
    <script type="text/javascript" src="/kr/common/js/360vr/jquery.mousewheel-min.js"></script>
    <script type="text/javascript" src="/kr/common/js/compare.js"></script>
    <script type="text/javascript" src="/kr/common/js/showroom2.js"></script>
</head>
<body id="typeB" style="background:url('<c:url value="${dspMgmtVO.lwpSurrImgPath}"/>') repeat;">
<%@ include file="/WEB-INF/jsp/com/include/layerpopup.jspf" %>
<div id="wrap" class="non-subnavigation">
    <%@ include file="/WEB-INF/jsp/com/include/navi_utill_sub.jspf" %>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
    <hr />
    <%@ include file="/WEB-INF/jsp/com/include/sub_header_estimation02.jspf" %>
    <hr />

    <div id="container">
        <div id="subtitle-area"><div class="subtitle-area-inner">
            <%@ include file="/WEB-INF/jsp/com/include/location.jspf" %>
        </div></div>
        <div id="article">
            <div id="step1">
                <div class="compare-main-select-wrap">
                    <div class="only-hyundai-car">
                        <p class="desc"><img src="/kr/images/estimation/txt_estimation_compare01.gif" alt="현대자동차 차종을 선택해 주세요." /></p>
                        <div class="cell">
                            <div class="in-car" id="carL1"><div style="height:250px;padding-top:70px;"><img src="/kr/images/estimation/compare/blank.png" alt="차량 이미지" class="png24 car-thumb" /></div></div>
                            <div class="button-area">
                                <a class="csHand car-button02" idx="1"><em>차종 선택/변경</em></a>
                                <a class="csHand car-button03" idx="1"><em>등급 선택/변경</em></a>
                            </div>
                        </div>
                    </div>
                    <div class="compare-main-area">
                        <p class="desc"><img src="/kr/images/estimation/txt_estimation_compare02.gif" alt="현대자동차 또는 기타 제조사 차종 선택해 주세요." /></p>
                        <div class="cell-wrap">
                            <div class="cell">
                                <div id="comp2C"><img src="/kr/images/estimation/img_add_cars.gif" alt="비교차종 추가" /></div>
                                <div id="comp2"">
                                    <div class="in-car"  id="carL2"></div>
                                    <div class="button-area">
                                        <div class="best-compare-select" idx="2"></div>
                                        <a class="csHand car-button" idx="2"><em>제조사</em></a>
                                        <a class="csHand car-button02" idx="2"><em>차종 선택/변경</em></a>
                                        <a class="csHand car-button03" idx="2"><em>등급 선택/변경</em></a>
                                    </div>
                                </div>
                            </div>
                            <div class="cell">
                                <div id="comp3C"><img src="/kr/images/estimation/img_add_cars.gif" alt="비교차종 추가" /></div>
                                <div id="comp3"">
                                    <div class="in-car" id="carL3"></div>
                                    <div class="button-area">
                                        <div class="best-compare-select" idx="3"></div>
                                        <a class="csHand car-button" idx="3"><em>제조사</em></a>
                                        <a class="csHand car-button02" idx="3"><em>차종 선택/변경</em></a>
                                        <a class="csHand car-button03" idx="3"><em>등급 선택/변경</em></a>
                                    </div>
                                </div>
                            </div>
                            <div class="cell">
                                <div id="comp4C"><img src="/kr/images/estimation/img_add_cars.gif" alt="비교차종 추가" /></div>
                                <div id="comp4"">
                                    <div class="in-car" id="carL4"></div>
                                    <div class="button-area">
                                        <div class="best-compare-select" idx="4"></div>
                                        <a class="csHand car-button" idx="4"><em>제조사</em></a>
                                        <a class="csHand car-button02" idx="4"><em>차종 선택/변경</em></a>
                                        <a class="csHand car-button03" idx="4"><em>등급 선택/변경</em></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="run-compare">
                    <a class="csHand"><img src="/kr/images/common/button/btn_run_compare.gif" alt="비교하기" class="run-btn" id="compareBtn" /></a>
                </div>
    
                <div class="compare-container subsection hideL">
                    <!-- 이달의 베스트 경쟁차 비교 -->
                    <div class="monthly-best-compare">
                        <h5><img src="/kr/images/title/h5_estimation_compare01.gif" alt="이달의 베스트 경쟁차 비교" /></h5>
                        <div class="spot-compare">
                            <div class="cell">
                                <div class="in-cell" id="best1L"></div>
                            </div>
                            <img src="/kr/images/common/icon/icon_vs.png" alt="VS" class="png24 versus" />
                            <div class="cell">
                                <div class="in-cell" id="best1R"></div>
                            </div>
                        </div>
                        <div class="other-compare">
                        </div>
                    </div>
                    <!-- //이달의 베스트 경쟁차 비교 -->
                </div>
            </div>    
            <div id="step2" class="hideL">
                   <!-- 차량 선택 후 -->
                   <div class="compare-car-select-wrap">
                       <div class="compare-car-title">
                           <h4><img src="/kr/images/title/h4_estimation_compare.gif" alt="차종" /></h4>
                           <p class="desc"><img src="/kr/images/title/h4_estimation_compare_desc.gif" alt="차종을 선택하고 비교하기 버튼을 클릭하세요" /></p>
                           <a href="#"><img src="/kr/images/common/button/btn_reset.gif" alt="선택초기화" class="reset-select" /></a>
                       </div>
                       <div class="compare-select-area"><div class="compare-select-inner">
                           <div class="cell">
                               <div id="carS1"></div>
                               <div class="button-area">
                                   <a class="csHand car-button02" idx="1"><em>차종 선택/변경</em></a>
                                   <a class="csHand car-button03" idx="1"><em>등급 선택/변경</em></a>
                               </div>
                           </div>
                           <div class="cell">
                               <div id="carS2"></div>
                               <div class="button-area">
                                   <a class="csHand car-button" idx="2"><em>차종 선택/변경</em></a>
                                   <a class="csHand car-button02" idx="2"><em>차종 선택/변경</em></a>
                                   <a class="csHand car-button03" idx="2"><em>차종 선택/변경</em></a>
                               </div>
                           </div>
                           <div class="cell">
                               <div id="carS3"></div>
                               <div class="button-area">
                                   <a class="csHand car-button" idx="3"><em>차종 선택/변경</em></a>
                                   <a class="csHand car-button02" idx="3"><em>차종 선택/변경</em></a>
                                   <a class="csHand car-button03" idx="3"><em>차종 선택/변경</em></a>
                               </div>
                           </div>
                           <div class="cell">
                               <div  id="carS4"></div>
                               <div class="button-area">
                                   <a class="csHand car-button" idx="4"><em>차종 선택/변경</em></a>
                                   <a class="csHand car-button02" idx="4"><em>차종 선택/변경</em></a>
                                   <a class="csHand car-button03" idx="4"><em>차종 선택/변경</em></a>
                               </div>
                           </div>
                       </div></div>
                   </div>
                   <div class="step2txt0">※본 이미지는 참조용으로 구입 시점과 제조사 수시 변경으로 판매차량과 다를 수 있으니 해당 모델 판매점에 확인바랍니다.</div>
                   <!-- //차량 선택 후 -->

                   <!-- 차량비교 스펙 비교 -->
                   <div class="compare-spec-wrap subsection">
                       <h5><img src="/kr/images/title/h5_estimation_compare02.gif" alt="성능/재원" /></h5>
                       <div class="spec-list-area lay1">
                           <div class="summary">
                               <ul>
                                   <li class="h80"><div>엔진</div></li>
                                   <li class="h80"><div>변속기</div></li>
                                   <li class="h80"><div>최고출력(ps/rpm)</div></li>
                                   <li class="h100"><div>최대토크(kg·m/rpm)</div></li>
                                   <li class="HD1 h80"><div>연료</div></li>
                                   <li class="h80"><div>배기량(cc)</div></li>
                                   <li class="HD1"><div>구동방식</div></li>
                                   <li class="HD1"><div>연료탱크(ℓ)</div></li>
                                   <li class="HD1 motor"><div>모터출력(ps/rpm)</div></li>
                                   <li class="HD1 motor"><div>모터토크(kg·m/rpm)</div></li>
                                   <li class="HD1 motor"><div>합산출력(ps/rpm)</div></li>
                               </ul>
                           </div>
                           <div class="compare-spec">
                               <div class="cell setcon" idx="1">
                                   <ul>
                                        <li class="h80" title="엔진">
                                           <div class="engine" id="enginename1"></div>
                                       </li>
                                       <li class="h80" title="변속기">
                                           <div class="transmission-m" id="transname1"></div>
                                       </li>
                                       <li class="h80" title="최고출력(ps/rpm)">
                                           <div  id="maxpower1" class="MaxPower"></div>
                                       </li>
                                       <li class="h100" title="최대토크(kg·m/rpm)">
                                           <div class="torque" id="maxtorque1"></div>
                                       </li>
                                       <li class="HD1 h80" title="연료">
                                           <div class="fuel" id="fuel1"></div>
                                       </li>
                                       <li class="h80" title="배기량(cc)">
                                           <div class="displacement-v" id="displacement1"></div>
                                       </li>
                                       <li class="HD1" title="구동방식">
                                           <div class="wd" id="wdtype1"></div>
                                       </li>
                                       <li class="HD1" title="연료탱크(ℓ)">
                                           <div class="tankl" id="fueltanksize1"></div>
                                       </li>
                                       <li class="motor HD1" title="모터출력(ps/rpm)">
                                           <div class="ps" id="motorpower1"></div>
                                       </li>
                                       <li class="motor HD1" title="모터토크(kg·m/rpm)">
                                           <div class="rpm" id="motortorque1"></div>
                                       </li>
                                       <li class="motor HD1" title="합산출력(ps/rpm)">
                                           <div class="tps"  id="sumpower1"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="2">
                                   <ul>
                                        <li class="h80" title="엔진">
                                           <div class="engine" id="enginename2"></div>
                                       </li>
                                       <li class="h80" title="변속기">
                                           <div class="transmission-m" id="transname2"></div>
                                       </li>
                                       <li class="h80" title="최고출력(ps/rpm)">
                                           <div  id="maxpower2" class="MaxPower"></div>
                                       </li>
                                       <li class="h100" title="최대토크(kg·m/rpm)">
                                           <div class="torque" id="maxtorque2"></div>
                                       </li>
                                       <li class="HD1 h80" title="연료">
                                           <div class="fuel" id="fuel2"></div>
                                       </li>
                                       <li class="h80" title="배기량(cc)">
                                           <div class="displacement-v" id="displacement2"></div>
                                       </li>
                                       <li class="HD1" title="구동방식">
                                           <div class="wd" id="wdtype2"></div>
                                       </li>
                                       <li class="HD1" title="연료탱크(ℓ)">
                                           <div class="tankl" id="fueltanksize2"></div>
                                       </li>
                                       <li class="motor HD1" title="모터출력(ps/rpm)">
                                           <div class="ps" id="motorpower2"></div>
                                       </li>
                                       <li class="motor HD1" title="모터토크(kg·m/rpm)">
                                           <div class="rpm" id="motortorque2"></div>
                                       </li>
                                       <li class="motor HD1" title="합산출력(ps/rpm)">
                                           <div class="tps"  id="sumpower2"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="3">
                                   <ul>
                                        <li class="h80" title="엔진">
                                           <div class="engine" id="enginename3"></div>
                                       </li>
                                       <li class="h80" title="변속기">
                                           <div class="transmission-m" id="transname3"></div>
                                       </li>
                                       <li class="h80" title="최고출력(ps/rpm)">
                                           <div  id="maxpower3" class="MaxPower"></div>
                                       </li>
                                       <li class="h100" title="최대토크(kg·m/rpm)">
                                           <div class="torque" id="maxtorque3"></div>
                                       </li>
                                       <li class="HD1 h80" title="연료">
                                           <div class="fuel" id="fuel3"></div>
                                       </li>
                                       <li class="h80" title="배기량(cc)">
                                           <div class="displacement-v" id="displacement3"></div>
                                       </li>
                                       <li class="HD1" title="구동방식">
                                           <div class="wd" id="wdtype3"></div>
                                       </li>
                                       <li class="HD1" title="연료탱크(ℓ)">
                                           <div class="tankl" id="fueltanksize3"></div>
                                       </li>
                                       <li class="motor HD1" title="모터출력(ps/rpm)">
                                           <div class="ps" id="motorpower3"></div>
                                       </li>
                                       <li class="motor HD1" title="모터토크(kg·m/rpm)">
                                           <div class="rpm" id="motortorque3"></div>
                                       </li>
                                       <li class="motor HD1" title="합산출력(ps/rpm)">
                                           <div class="tps"  id="sumpower3"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="4">
                                   <ul>
                                        <li class="h80" title="엔진">
                                           <div class="engine" id="enginename4"></div>
                                       </li>
                                       <li class="h80" title="변속기">
                                           <div class="transmission-m" id="transname4"></div>
                                       </li>
                                       <li class="h80" title="최고출력(ps/rpm)">
                                           <div  id="maxpower4" class="MaxPower"></div>
                                       </li>
                                       <li class="h100" title="최대토크(kg·m/rpm)">
                                           <div class="torque" id="maxtorque4"></div>
                                       </li>
                                       <li class="HD1 h80" title="연료">
                                           <div class="fuel" id="fuel4"></div>
                                       </li>
                                       <li class="h80" title="배기량(cc)">
                                           <div class="displacement-v" id="displacement4"></div>
                                       </li>
                                       <li class="HD1" title="구동방식">
                                           <div class="wd" id="wdtype4"></div>
                                       </li>
                                       <li class="HD1" title="연료탱크(ℓ)">
                                           <div class="tankl" id="fueltanksize4"></div>
                                       </li>
                                       <li class="motor HD1" title="모터출력(ps/rpm)">
                                           <div class="ps" id="motorpower4"></div>
                                       </li>
                                       <li class="motor HD1" title="모터토크(kg·m/rpm)">
                                           <div class="rpm" id="motortorque4"></div>
                                       </li>
                                       <li class="motor HD1" title="합산출력(ps/rpm)">
                                           <div class="tps"  id="sumpower4"></div>
                                       </li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                       <div class="compare-spec-control">
                           <a href="#HD1" class="toggleLayer"><img src="/kr/images/estimation/btn_visible.gif" alt="항목수 조절" id="toggleHD1" /></a>
                       </div>
                       
                       <h5 class="subsection"><img src="/kr/images/title/h5_estimation_compare03.gif" alt="크기/중량" /></h5>
                       <div class="spec-list-area lay2">
                           <div class="summary">
                               <ul>
                                   <li><div>전장(mm)</div></li>
                                   <li><div>전폭(mm)</div></li>
                                   <li><div>전고(mm)</div></li>
                                   <li class="HD2"><div>축간거리(mm)</div></li>
                                   <li class="HD2"><div>윤거전(mm)</div></li>
                                   <li class="HD2"><div>윤거후(mm)</div></li>
                                   <li class="HD2"><div>타이어</div></li>
                                   <li class="HD2"><div>공차중량(kg)</div></li>
                               </ul>
                           </div>
                           <div class="compare-spec">
                               <div class="cell setcon" idx="1">
                                   <ul>
                                       <li title="전장(mm)">
                                           <div id="length1" class="boldcomp"></div>
                                       </li>
                                       <li title="전폭(mm)">
                                           <div id="width1" class="boldcomp"></div>
                                       </li>
                                       <li title="전고(mm)">
                                           <div id="height1" class="boldcomp"></div>
                                       </li>
                                       <li title="축간거리(mm)" class="HD2">
                                           <div id="wheelbase1"></div>
                                       </li>
                                       <li title="윤거전(mm)" class="HD2">
                                           <div id="treadf1"></div>
                                       </li>
                                       <li title="윤거후(mm)" class="HD2">
                                           <div id="treadr1"></div>
                                       </li>
                                       <li title="타이어" class="HD2">
                                           <div id="tire1"></div>
                                       </li>
                                       <li title="공차중량(kg)" class="HD2">
                                           <div id="empty_kg1"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="2">
                                   <ul>
                                       <li title="전장(mm)">
                                           <div id="length2" class="boldcomp"></div>
                                       </li>
                                       <li title="전폭(mm)">
                                           <div id="width2" class="boldcomp"></div>
                                       </li>
                                       <li title="전고(mm)">
                                           <div id="height2" class="boldcomp"></div>
                                       </li>
                                       <li title="축간거리(mm)" class="HD2">
                                           <div id="wheelbase2"></div>
                                       </li>
                                       <li title="윤거전(mm)" class="HD2">
                                           <div id="treadf2"></div>
                                       </li>
                                       <li title="윤거후(mm)" class="HD2">
                                           <div id="treadr2"></div>
                                       </li>
                                       <li title="타이어" class="HD2">
                                           <div id="tire2"></div>
                                       </li>
                                       <li title="공차중량(kg)" class="HD2">
                                           <div id="empty_kg2"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="3">
                                   <ul>
                                       <li title="전장(mm)">
                                           <div id="length3" class="boldcomp"></div>
                                       </li>
                                       <li title="전폭(mm)">
                                           <div id="width3" class="boldcomp"></div>
                                       </li>
                                       <li title="전고(mm)">
                                           <div id="height3" class="boldcomp"></div>
                                       </li>
                                       <li title="축간거리(mm)" class="HD2">
                                           <div id="wheelbase3"></div>
                                       </li>
                                       <li title="윤거전(mm)" class="HD2">
                                           <div id="treadf3"></div>
                                       </li>
                                       <li title="윤거후(mm)" class="HD2">
                                           <div id="treadr3"></div>
                                       </li>
                                       <li title="타이어" class="HD2">
                                           <div id="tire3"></div>
                                       </li>
                                       <li title="공차중량(kg)" class="HD2">
                                           <div id="empty_kg3"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="4">
                                   <ul>
                                       <li title="전장(mm)">
                                           <div id="length4" class="boldcomp"></div>
                                       </li>
                                       <li title="전폭(mm)">
                                           <div id="width4" class="boldcomp"></div>
                                       </li>
                                       <li title="전고(mm)">
                                           <div id="height4" class="boldcomp"></div>
                                       </li>
                                       <li title="축간거리(mm)" class="HD2">
                                           <div id="wheelbase4"></div>
                                       </li>
                                       <li title="윤거전(mm)" class="HD2">
                                           <div id="treadf4"></div>
                                       </li>
                                       <li title="윤거후(mm)" class="HD2">
                                           <div id="treadr4"></div>
                                       </li>
                                       <li title="타이어" class="HD2">
                                           <div id="tire4"></div>
                                       </li>
                                       <li title="공차중량(kg)" class="HD2">
                                           <div id="empty_kg4"></div>
                                       </li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                       <div class="compare-spec-control">
                           <a href="#HD2" class="toggleLayer"><img src="/kr/images/estimation/btn_visible.gif" alt="항목수 조절" /></a>
                       </div>
                       
                       <h5 class="subsection"><img src="/kr/images/title/h5_estimation_compare04.gif" alt="충돌/안전" /></h5>
                       <div class="newcar-safety-testL">
                           <div class="newcar-safety-test">
                               <p class="title"><img src="/kr/images/estimation/txt_estimation_compare03.gif" alt="신차안전도 평가" /></p>
                               <p>국내에서 시행되는 신차 안전도 평가에 대한 자료</p>
                               <img src="/kr/images/estimation/img_estimation_compare04.gif" alt="KNCAP" class="logo" />
                           </div>
                           <div class="datatable-wrap02">
                               <table class="non-bg-cell" summary="정면충돌 안전성, 부분정면충돌 안전성, 측면충돌안전성, 기둥측면충돌 안전성, 좌석안전성, 보행자 안전성, 주행전복 안전성(RV차량), 제동안전성">
                               <caption>평가 항목별 정리</caption>
                               <colgroup>
                                   <col width="20%" />
                                   <col />
                               </colgroup>
                               <tbody>
                               <tr>
                                   <th scope="row">정면충돌 안전성</th>
                                   <td>시속 56km 고정벽 정면충돌</td>
                               </tr>
                               <tr>
                                   <th scope="row">부분정면충돌 안전성</th>
                                   <td>시속 64km 40% 부분정면충돌</td>
                               </tr>
                               <tr>
                                   <th scope="row">측면충돌안전성</th>
                                   <td>시속 55km 이동벽에 의한 수직측면 충돌</td>
                               </tr>
                               <tr>
                                   <th scope="row">기둥측면충돌 안전성</th>
                                   <td>시속 29km 기둥측면충돌</td>
                               </tr>
                               <tr>
                                   <th scope="row">좌석안전성</th>
                                   <td>시속 16km 후방충돌</td>
                               </tr>
                               <tr>
                                   <th scope="row">보행자 안전성</th>
                                   <td>시속 40km 머리 및 다리 충격</td>
                               </tr>
                               <tr>
                                   <th scope="row">주행전복 안전성(RV차량)</th>
                                   <td>시속 80km 급회전시 전복안전성</td>
                               </tr>
                               <tr>
                                   <th scope="row">제동안전성</th>
                                   <td>시속 100km 급제동시 제동거리</td>
                               </tr>
                               </tbody>
                               </table>
                           </div>
                           <div class="btnwrap subsection04">
                               <p class="left"><img src="/kr/images/estimation/img_estimation_compare05.gif" alt="KNCAP" /></p>
                               <p class="right-txt">자세한 내용은 홈페이지 www.car.go.kr 참고 바랍니다.</p>
                           </div>
                       </div>
                       <div class="spec-list-area subsection lay3">
                           <div class="summary">
                               <ul>
                                   <li class="h48">
                                       <div>
                                           종합등급(충돌안전)
                                           <a href="#safetygradeComp" class="clayer-control"><img src="/kr/images/common/icon/icon_question.png" alt="" class="png24 question" /></a>
                                       </div>
                                   </li>
                                   <li class="HD3"><div>평가년도</div></li>
                                   <li class="HD3"><div>정면충돌(운전석)</div></li>
                                   <li class="HD3"><div>정면충돌(조수석)</div></li>
                                   <li class="HD3"><div>부분정면충돌(운전석)</div></li>
                                   <li class="HD3"><div>부분정면충돌(조수석)</div></li>                                    
                                   <li class="HD3"><div>측면충돌안전성</div></li>
                                   <li class="HD3"><div>기둥측면충돌</div></li>
                                   <li class="HD3"><div>좌석안전성(운전석)</div></li>
                                   <li class="HD3"><div>좌석안전성(조수석)</div></li>
                                   <li class="HD3"><div>보행자안전성</div></li>
                                   <li class="HD3"><div>주행전복안전성(SUV차량)</div></li>
                                   <li class="HD3"><div>100Km 제동거리(마른노면)</div></li>
                                   <li class="HD3"><div>100Km 제동거리(젖은노면)</div></li>
                               </ul>
                           </div>
                           <div class="compare-spec">
                               <div class="cell setcon" idx="1">
                                   <ul>
                                       <li class="h48" title="종합등급(충돌안전)">
                                           <div class="grade" id="egrade1"> </div>
                                       </li>
                                       <li class="HD3" title="평가년도">
                                           <div id="eyear1"></div>
                                       </li>
                                       <li class="HD3" title="정면(운전석)">
                                           <div id="efcd1"></div>
                                       </li>
                                       <li class="HD3" title="정면(조수석)">
                                           <div id="efcp1"></div>
                                       </li>
                                       <li class="HD3" title="부분정면(운전석)">
                                           <div id="efpcd1"></div>
                                       </li>
                                       <li class="HD3" title="부분정면(조수석)">
                                           <div id="efpcp1"></div>
                                       </li>                                        
                                       <li class="HD3" title="측면">
                                           <div id="esc1"></div>
                                       </li>
                                       <li class="HD3" title="기둥측면">
                                           <div id="epc1"></div>
                                       </li>
                                       <li class="HD3" title="좌석(운전석)">
                                           <div id="essd1"></div>
                                       </li>
                                       <li class="HD3" title="좌석(조수석)">
                                           <div id="essp1"></div>
                                       </li>                                        
                                       <li class="HD3" title="보행자">
                                           <div id="eps1"></div>
                                       </li>
                                       <li class="HD3" title="주행전복">
                                           <div id="edrs1"></div>
                                       </li>
                                       <li class="HD3" title="100Km 제동거리(마른노면)">
                                           <div id="edbl1"></div>
                                       </li>
                                       <li class="HD3" title="100Km 제동거리(젖은노면)">
                                           <div id="ewbl1"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="2">
                                   <ul>
                                       <li class="h48" title="종합등급(충돌안전)">
                                           <div class="grade" id="egrade2"> </div>
                                       </li>
                                       <li class="HD3" title="평가년도">
                                           <div id="eyear2"></div>
                                       </li>
                                       <li class="HD3" title="정면(운전석)">
                                           <div id="efcd2"></div>
                                       </li>
                                       <li class="HD3" title="정면(조수석)">
                                           <div id="efcp2"></div>
                                       </li>                                       
                                       <li class="HD3" title="부분정면(운전석)">
                                           <div id="efpcd2"></div>
                                       </li>
                                       <li class="HD3" title="부분정면(조수석)">
                                           <div id="efpcp2"></div>
                                       </li>                                        
                                       <li class="HD3" title="측면">
                                           <div id="esc2"></div>
                                       </li>
                                       <li class="HD3" title="기둥측면">
                                           <div id="epc2"></div>
                                       </li>
                                       <li class="HD3" title="좌석(운전석)">
                                           <div id="essd2"></div>
                                       </li>
                                       <li class="HD3" title="좌석(조수석)">
                                           <div id="essp2"></div>
                                       </li>                                        
                                       <li class="HD3" title="보행자">
                                           <div id="eps2"></div>
                                       </li>
                                       <li class="HD3" title="주행전복">
                                           <div id="edrs2"></div>
                                       </li>
                                       <li class="HD3" title="100Km 제동거리(마른노면)">
                                           <div id="edbl2"></div>
                                       </li>
                                       <li class="HD3" title="100Km 제동거리(젖은노면)">
                                           <div id="ewbl2"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="3">
                                   <ul>
                                       <li class="h48" title="종합등급(충돌안전)">
                                           <div class="grade" id="egrade3"> </div>
                                       </li>
                                       <li class="HD3" title="평가년도">
                                           <div id="eyear3"></div>
                                       </li>
                                       <li class="HD3" title="정면(운전석)">
                                           <div id="efcd3"></div>
                                       </li>
                                       <li class="HD3" title="정면(조수석)">
                                           <div id="efcp3"></div>
                                       </li>                                       
                                       <li class="HD3" title="부분정면(운전석)">
                                           <div id="efpcd3"></div>
                                       </li>
                                       <li class="HD3" title="부분정면(조수석)">
                                           <div id="efpcp3"></div>
                                       </li>                                        
                                       <li class="HD3" title="측면">
                                           <div id="esc3"></div>
                                       </li>
                                       <li class="HD3" title="기둥측면">
                                           <div id="epc3"></div>
                                       </li>
                                       <li class="HD3" title="좌석(운전석)">
                                           <div id="essd3"></div>
                                       </li>
                                       <li class="HD3" title="좌석(조수석)">
                                           <div id="essp3"></div>
                                       </li>                                        
                                       <li class="HD3" title="보행자">
                                           <div id="eps3"></div>
                                       </li>
                                       <li class="HD3" title="주행전복">
                                           <div id="edrs3"></div>
                                       </li>
                                       <li class="HD3" title="100Km 제동거리(마른노면)">
                                           <div id="edbl3"></div>
                                       </li>
                                       <li class="HD3" title="100Km 제동거리(젖은노면)">
                                           <div id="ewbl3"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="4">
                                   <ul>
                                       <li class="h48" title="종합등급(충돌안전)">
                                           <div class="grade" id="egrade4"> </div>
                                       </li>
                                       <li class="HD3" title="평가년도">
                                           <div id="eyear4"></div>
                                       </li>
                                       <li class="HD3" title="정면(운전석)">
                                           <div id="efcd4"></div>
                                       </li>
                                       <li class="HD3" title="정면(조수석)">
                                           <div id="efcp4"></div>
                                       </li>                                       
                                       <li class="HD3" title="부분정면(운전석)">
                                           <div id="efpcd4"></div>
                                       </li>
                                       <li class="HD3" title="부분정면(조수석)">
                                           <div id="efpcp4"></div>
                                       </li>                                        
                                       <li class="HD3" title="측면">
                                           <div id="esc4"></div>
                                       </li>
                                       <li class="HD3" title="기둥측면">
                                           <div id="epc4"></div>
                                       </li>
                                       <li class="HD3" title="좌석(운전석)">
                                           <div id="essd4"></div>
                                       </li>
                                       <li class="HD3" title="좌석(조수석)">
                                           <div id="essp4"></div>
                                       </li>                                        
                                       <li class="HD3" title="보행자">
                                           <div id="eps4"></div>
                                       </li>
                                       <li class="HD3" title="주행전복">
                                           <div id="edrs4"></div>
                                       </li>
                                       <li class="HD3" title="100Km 제동거리(마른노면)">
                                           <div id="edbl4"></div>
                                       </li>
                                       <li class="HD3" title="100Km 제동거리(젖은노면)">
                                           <div id="ewbl4"></div>
                                       </li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                       <div class="compare-spec-control">
                           <a href="#HD3" class="toggleLayer"><img src="/kr/images/estimation/btn_visible.gif" alt="항목수 조절" /></a>
                       </div>
                       
                       <h5 class="subsection"><img src="/kr/images/title/h5_estimation_compare05.gif" alt="경제성/환경" /></h5>
                       <div class="spec-list-area lay4">
                           <div class="summary">
                               <ul>
                                   <li class="h95">
                                       <div>연비(km/ℓ)</div>
                                       <div class="addcell">
                                           <p>복합연비</p>
                                           <p>시내연비</p>
                                           <p>고속연비</p>
                                       </div>
                                   </li>
                                   <li class="h80"><div>연비등급</div></li>
                                  <li class="HD4"><div>자차보험등급</div></li>
                                  <li class="HD4"><div>이산화탄소배출량</div></li>
                                  <li class="HD4"><div>유류비(1년 2만Km)</div></li>
                                  <li class="HD4"><div>자동차세(1년)</div></li>
                                  <li class="HD4">
                                       <div>
                                           보험료(1년)
                                           <a href="#insuranceyearComp" class="clayer-control"><img src="/kr/images/common/icon/icon_question.png" alt="" class="png24 question" /></a>
                                       </div>
                                   </li>
                                   <li class="HD4  h48">
                                       <div class="row2">3년유지비용<br />(세금+유류비+보험료)</div>
                                   </li>
                               </ul>
                           </div>
                           <div class="compare-spec">
                               <div class="cell setcon" idx="1">
                                   <ul>
                                       <li title="연비(km/ℓ)/복합연비">
                                           <div id="fuelratecp1" class="boldcomp"></div>
                                       </li>
                                       <li title="연비(km/ℓ)/시내연비">
                                           <div id="fuelratedt1" class="boldcomp"></div>
                                       </li>
                                       <li title="연비(km/ℓ)/고속연비">
                                           <div id="fuelratehw1" class="boldcomp"></div>
                                       </li>
                                       <li class="h80" title="연비등급">
                                           <div id="fuelgrade1"></div>
                                       </li>
                                       <li class="HD4" title="자차보험등급">
                                           <div id="bohumgrade1"></div>
                                       </li>
                                       <li class="HD4" title="이산화탄소배출량">
                                           <div id="co21"></div>
                                       </li>
                                       <li class="HD4" title="유류비(1년 2만Km)">
                                           <div id="fuelcost1"></div>
                                       </li>
                                       <li class="HD4" title="자동차세(1년)">
                                           <div id="cartax1"></div>
                                       </li>
                                       <li class="HD4" title="보험료(1년)">
                                           <div id="bhfee1"></div>
                                       </li>
                                       <li class="HD4 h48" title="3년유지비용(세금+유류비+보험료)">
                                           <div id="mprice1"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="2">
                                   <ul>
                                       <li title="연비(km/ℓ)/복합연비">
                                           <div id="fuelratecp2" class="boldcomp"></div>
                                       </li>
                                       <li title="연비(km/ℓ)/시내연비">
                                           <div id="fuelratedt2" class="boldcomp"></div>
                                       </li>
                                       <li title="연비(km/ℓ)/고속연비">
                                           <div id="fuelratehw2" class="boldcomp"></div>
                                       </li>
                                       <li class="h80" title="연비등급">
                                           <div id="fuelgrade2"></div>
                                       </li>
                                       <li class="HD4"  title="자차보험등급">
                                           <div id="bohumgrade2"></div>
                                       </li>
                                       <li class="HD4"  title="이산화탄소배출량">
                                           <div id="co22"></div>
                                       </li>
                                       <li class="HD4"  title="유류비(1년 2만Km)">
                                           <div id="fuelcost2"></div>
                                       </li>
                                       <li class="HD4"  title="자동차세(1년)">
                                           <div id="cartax2"></div>
                                       </li>
                                      <li class="HD4" title="보험료(1년)">
                                           <div id="bhfee2"></div>
                                       </li>
                                       <li class="HD4 h48" title="3년유지비용(세금+유류비+보험료)">
                                           <div id="mprice2"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="3">
                                   <ul>
                                       <li title="연비(km/ℓ)/복합연비">
                                           <div id="fuelratecp3" class="boldcomp"></div>
                                       </li>
                                       <li title="연비(km/ℓ)/시내연비">
                                           <div id="fuelratedt3" class="boldcomp"></div>
                                       </li>
                                       <li title="연비(km/ℓ)/고속연비">
                                           <div id="fuelratehw3" class="boldcomp"></div>
                                       </li>
                                       <li class="h80" title="연비등급">
                                           <div id="fuelgrade3"></div>
                                       </li>
                                       <li class="HD4"  title="자차보험등급">
                                           <div id="bohumgrade3"></div>
                                       </li>
                                       <li class="HD4"  title="이산화탄소배출량">
                                           <div id="co23"></div>
                                       </li>
                                       <li class="HD4"  title="유류비(1년 2만Km)">
                                           <div id="fuelcost3"></div>
                                       </li>
                                       <li class="HD4" title="자동차세(1년)">
                                           <div id="cartax3"></div>
                                       </li>
                                       <li class="HD4" title="보험료(1년)">
                                           <div id="bhfee3"></div>
                                       </li>
                                       <li class="HD4 h48" title="3년유지비용(세금+유류비+보험료)">
                                           <div id="mprice3"></div>
                                       </li>
                                   </ul>
                               </div>
                               <div class="cell setcon" idx="4">
                                   <ul>
                                       <li title="연비(km/ℓ)/복합연비">
                                           <div id="fuelratecp4" class="boldcomp"></div>
                                       </li>
                                       <li title="연비(km/ℓ)/시내연비">
                                           <div id="fuelratedt4" class="boldcomp"></div>
                                       </li>
                                       <li title="연비(km/ℓ)/고속연비">
                                           <div id="fuelratehw4" class="boldcomp"></div>
                                       </li>
                                       <li class="h80" title="연비등급">
                                           <div id="fuelgrade4"></div>
                                       </li>
                                       <li class="HD4" title="자차보험등급">
                                           <div id="bohumgrade4"></div>
                                       </li>
                                       <li class="HD4" title="이산화탄소배출량">
                                           <div id="co24"></div>
                                       </li>
                                       <li class="HD4" title="유류비(1년 2만Km)">
                                           <div id="fuelcost4"></div>
                                       </li>
                                       <li class="HD4" title="자동차세(1년)">
                                           <div id="cartax4"></div>
                                       </li>
                                       <li class="HD4" title="보험료(1년)">
                                           <div id="bhfee4"></div>
                                       </li>
                                       <li class="HD4 h48" title="3년유지비용(세금+유류비+보험료)">
                                           <div id="mprice4"></div>
                                       </li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                       <div class="compare-spec-control">
                           <a href="#HD4" class="toggleLayer"><img src="/kr/images/estimation/btn_visible.gif" alt="항목수 조절" /></a>
                       </div>
                       
                       <div class="data-desc-type subsection">
                           <ul class="list-type01">
                               <li>상기 내용은 고객님의 차량 구입 의사 결정에 도움을 드리고자 제공하는 서비스로 법적인 효력이 없으며, 실제 구입 시 가격 및 조건에 따라 차이가 있을 수 있습니다.</li>
                               <li>상기 차종별 비교 정보는 각 제조업체의 카탈로그 및 홈페이지에 공개된 자료를 바탕으로 작성 되었습니다.</li>
                               <li>수시로 최신정보를 갱신하고 있으나 간혹 업데이트가 늦어지는 경우가 발생할 수 있습니다.</li>
                           </ul>
                       </div>
                   </div>
               </div>

			   <div class="purchase-guide-cont2 subsection">
				   <div class="area odd">
					   <h4><img src="/kr/images/estimation/h4_purchase02.gif" alt="견적" /></h4>
					   <h5>견적내기</h5>
					   <div class="desc-link desc-type02">
						   원하시는 차종에 대해 다양한<br />방법으로 견적을 산출하실 수<br />있습니다.
						   <p class="link"><a href="#" onclick="puchse1()"><img src="/kr/images/estimation/btn_purchase_go.png" class="png24" alt="온라인 견적 바로가기" /></a></p>
					   </div>
					   <h5 class="link-title"><a href="#" onclick="puchse2()">경쟁차 비교</a></h5>
					   <h5 class="link-title"><a href="#" onclick="puchse3()">이달의 구매혜택</a></h5>
					   <div class="icon-area"><img src="/kr/images/estimation/img_purchase02.gif" alt="견적 아이콘 이미지" /></div>
				   </div>
				   <div class="area">
					   <h4><img src="/kr/images/estimation/h4_purchase01.gif" alt="신청" /></h4>
					   <h5>카탈로그 신청</h5>
					   <div class="desc-link">
						   신청 차종 카탈로그와 함께<br />차살때 좋은 정보가 3개월간<br />책자 형태로 제공됩니다.
						   <p class="link"><a href="#" onclick="puchse4()"><img src="/kr/images/estimation/btn_purchase_go.png" class="png24" alt="카탈로그 신청 바로가기" /></a></p>
					   </div>
					   <div class="icon-area"><img src="/kr/images/estimation/img_purchase01.gif" alt=" 아이콘 이미지" /></div>
				   </div>
				   <div class="area odd">
					   <h4><img src="/kr/images/estimation/h4_purchase04.gif" alt="상담" /></h4>
					   <h5>구매상담신청</h5>
					   <div class="desc-link desc-type02">
						   구매상담을 신청하시면 전문<br />카마스터가 차량 구매에 관한<br />모든것을 알려드립니다.
						   <p class="link"><a href="#" onclick="puchse5()"><img src="/kr/images/estimation/btn_purchase_go.png" class="png24" alt="구매상담 바로가기" /></a></p>
					   </div>
					   <h5 class="link-title"><a href="#" onclick="puchse6()">전시차 조회</a></h5>
					   <h5 class="link-title"><a href="#" onclick="puchse7()">대리점/지점 조회</a></h5>
					   <div class="icon-area"><img src="/kr/images/estimation/img_purchase04.gif" alt="상담 아이콘 이미지" /></div>
				   </div>
				   <div class="area">
					   <h4><img src="/kr/images/estimation/h4_purchase03.gif" alt="시승" /></h4>
					   <h5>시승서비스</h5>
					   <div class="desc-link">
						   고객 여러분의 시승체험 편의를 위해 찾아가는 시승서비스를<br />제공하고 있습니다.
						   <p class="link"><a href="#" onclick="puchse8()"><img src="/kr/images/estimation/btn_purchase_go.png" class="png24" alt="시승 서비스 바로가기" /></a></p>
					   </div>
					   <div class="icon-area"><img src="/kr/images/estimation/img_purchase03.gif" alt="시승 아이콘 이미지" /></div>
				   </div>
			   </div>
                <!-- //차량비교 스펙 비교 -->
            </div>
        </div>
    </div>
    <hr />
	<%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>